<template>
  <!-- 详情-锁客管理 -->
  <div class="app-container">
    <!-- 操作按钮 -->
    <div class="overtable-btns">
      <el-button size="mini" type="warning" icon="el-icon-back">返回</el-button>
    </div>
    <div class="block"></div>
    <ul class="account-head">
      <li class="item" v-for="item in headDetail" :key="item.title">
        <p>{{item.title}}</p>
        <p>{{item.data}}</p>
      </li>
    </ul>
    <!-- 数据统计 -->
    <div class="data-statistics">
      <el-card shadow="hover" class="data-item">
        <p>邀请数量</p>
        <img
          src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1568128395033&di=830e47e4f9f487288b80331e40c131df&imgtype=0&src=http%3A%2F%2Fphotocdn.sohu.com%2F20140717%2FImg402381045.jpg"
          alt
        />
      </el-card>
      <el-card shadow="hover" class="data-item">
        <p>邀请数量</p>
        <p>12562</p>
      </el-card>
      <el-card shadow="hover" class="data-item">
        <p>累计收益</p>
        <p>12562</p>
      </el-card>
    </div>
    <div class="block"></div>
    <div style="margin-top: 10px">
      <locker-table />
    </div>
  </div>
</template>

<script>
import checkPermission from '@/utils/permission'
import initTable from '@/mixins/initTable'
import { parseTime } from '@/utils/index'
import lockerTable from './lockerTable'
export default {
  components: { lockerTable },
  mixins: [initTable],
  data() {
    return {
      headDetail: [
        { title: '会员账号：', data: '11' },
        { title: '会员号：', data: '11' }
      ],
      datahh: [
        {
          qq: '2016-05-02',
          ww: '王小虎',
          ee: '上海',
          rr: '普陀区',
          tt: '上海市普陀区',
          yy: '200333',
          uu: '17612775057',
          ii: 'hahahahha',
          oo: '上海市普陀区',
          pp: '200333',
          aa: '17612775057',
          ss: 'hahahahha',
          dd: 'hahahahha'
        }
      ]
    }
  }
}
</script>

<style>
</style>
